<template>
  <view class="class_detail">
    <view class="header">
      <image src="http://120.46.150.252:10004/static/images/005.jpg"></image>
    </view>
    <view class="select">
      <u-tabs :list="list1" @click="click" lineWidth="40" itemStyle="width:140rpx; padding:0 10rpx;"></u-tabs>
    </view>
    <view class="main">
      <class-introduce v-if="selectItem === '课程介绍'" :class_outline="class_outline"></class-introduce>
      <class-outline v-if="selectItem === '课程大纲'" :class_outline="class_outline"></class-outline>
      <class-examine v-if="selectItem === '考核'"></class-examine>
      <evaluate-discuss v-if="selectItem === '讨论'" :add_comment="addOne"></evaluate-discuss>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        title: '123456',
        selectItem: "课程介绍",
        list1: [{
          name: '课程介绍',
        }, {
          name: '课程大纲',
        }, {
          name: '考核'
        }, {
          name: '讨论'
        }],
        class_outline: [{
            title: '第一周',
            title_text: '第一讲 函数与极限',
            child: [{
                id: 7001,
                child_title: '函数与初等函数',
              },
              {
                id: 7002,
                child_title: '函数与初等函数',
              },
              {
                id: 7003,
                child_title: '函数与初等函数',
              },
              {
                id: 7004,
                child_title: '函数与初等函数',
              },
            ]
          },
          {
            title: '第二周',
            title_text: '第二讲 函数与极限',
            child: [{
                child_title: '函数与初等函数',
                id: 7005
              },
              {
                child_title: '函数与初等函数',
                id: 7006
              },
              {
                child_title: '函数与初等函数',
                id: 7007
              },
              {
                child_title: '函数与初等函数',
                id: 7008
              },
            ]
          },
          {
            title: '第三周',
            title_text: '第三讲 函数与极限',
            child: [{
                child_title: '函数与初等函数',
                id: 7009
              },
              {
                child_title: '函数与初等函数',
                id: 7010
              },
              {
                child_title: '函数与初等函数',
                id: 7011
              },
              {
                child_title: '函数与初等函数',
                id: 7012
              },
            ]
          }
        ],
        add_comment:null
      }
    },
    methods: {
      click(item) {
        this.selectItem = item.name
      },
    },
    onLoad() {
      
    }
  }
</script>

<style lang="less">
  page {
    background-color: #fff;
  }

  .class_detail {
    .header {
      width: 100%;
      height: 300rpx;
      background-color: #fff;

      image {
        width: 100%;
        height: 100%;
      }
    }

    .select {
      height: 80rpx;
      background-color: #fff;
      line-height: 60rpx;

      ul {
        display: flex;
        justify-content: space-around;

        li {
          line-height: 80rpx;
        }
      }
    }
  }
</style>
